
.box_foot,
footer{
    /* margin-left: 13px;
    margin-right: 10px; */
    padding-left: 12px;
    padding-right: 10px;
}
.box_header{
    margin-top: 2px;
    position: sticky;
    top: 0;
    left: 0;
    padding-bottom: 5px;
    background-color: #fff;
    padding-left: 12px;
    padding-right: 10px;
}
.box_header .nav{
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.box_header .nav>ul{
    /* cursor: pointer; */
    display: flex;
    flex: 1;
    padding-left: 6px;
    justify-content: space-evenly;
}
.box_header .nav>ul>li{
    /* height: 29px; */
    font-weight: 600;
    color: #7b7b7b;
}
.box_header .nav>ul>li.con{
    color: #ef3926;
}
.box_header .nav>ul>li:hover{
    color: #ef3926;
}
.box_header .nav>ul>li>div{
    margin: 0 auto;
    margin-top: 9px;
    width: 20px;
    height: 3px;
    border-radius: 1px;
}
.box_header .nav>ul>li:hover>div{
    background-color: #ef3926;
}
.box_header .nav>ul>li>div.con{
    background-color: #ef3926;
}


.box_foot ul li{
    margin-top: 20px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.box_foot ul li .titlebox{
    margin-right: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box_foot ul li .titlebox .title{
    font-weight: bold;
    margin-bottom: 16px;
    font-size: 17px;
}
.box_foot ul li .titlebox .subtitle span.con{
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 5px;
}
.box_foot ul li .titlebox .subtitle span{
    color: #747474;
    font-weight: bold;
    font-size: 14px;
}
.box_foot ul li .imgbox{
    flex: 0.7;
    border-radius: 6px;
    overflow: hidden;
}
footer .number .imgbox{
    background: url(../img/icon_cyol_selected.png) no-repeat -1px -1px;
    width: 42px;
    height: 42px
  }
footer>div:nth-child(3) a{
    color: red;
}
.box_header .nav .plus{
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-left: 11px;
}
.main{
    margin-left: 13px;
    margin-right: 10px;
}
.content{
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.content .imgbox:first-child{
    margin-right: 10px;
}
.content .imgbox{
    /* width: 185px;
    height: 200px; */
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.content .imgbox .box{
    /* width: 100%;
    height: 104px; */
    border-radius: 5px;
    overflow: hidden;
    flex: 1;
}
.content .imgbox .title{
    /* height: 100px; */
    box-sizing: border-box;
    padding: 12px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}
.content .imgbox .title span{
    font-size: 13px;
    color:#808080;
}
.content .imgbox .title .box{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.content .imgbox .title .box .logo{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid black;
}
.content .imgbox .title .icon{
    width: 20px;
    height: 20px;

}